import React from 'react'
import { Cell, Toast, NavBar } from 'react-vant'
import { useNavigate } from 'react-router-dom'
export default function SetUp() {
    const navigate = useNavigate()
    return (
        <div style={{ backgroundColor: '#f2f2f2', height: '668px' }}>
            <div>
                <NavBar
                    title="设置"
                    onClickLeft={() => navigate(-1)}
                    onClickRight={() => Toast('按钮')}
                />
                <div style={{ marginTop: '10px' }}>
                    <Cell title='隐私协议' isLink onClick={() => { navigate('/privacy') }} />
                    <Cell title='关于我们' isLink onClick={() => { navigate('/concerning') }} />
                </div>

                <div style={{ marginTop: '20px' }}>
                    <Cell title='意见反馈' isLink onClick={() => { navigate('/feedback') }} />
                    <Cell title='版本' isLink value='10.0' />
                </div>

                <div style={{ textAlign: 'center', marginTop: '40px' }}>
                    <button style={{ width: '200px', backgroundColor: '#cccccc', lineHeight: '40px', border: 'none' }}
                        onClick={() => navigate('/')}
                    >
                        退出
                    </button>
                </div>
            </div>
        </div>
    )
}
